  <template>
  <div id="app">
    <!-- 路由出口 -->
    <!-- 路由匹配到的组件将渲染在这里 -->
    <router-view></router-view>
  </div>
</template>

  <script>
// 导入子组件
import Footer from "@/components/Footer";
export default {
  name: "App",
  // 注册组件
  components: {
    Footer
  },

  created() {}
};
</script> 

<style lang="less">
@import "vant/lib/index.less";
// 覆盖有赞默认样式

html,
body {
  height: 100%;
}
#app {
  .van-nav-bar .van-icon,
  .van-nav-bar__text {
    color: #c03131;
  }
  height: 100%;
  .red {
    color: #c03131;
  }
}
.page {
  height: 100%;
}
</style>
